body{
	overflow-x: auto;
	min-width: 1024px;
}
header{
	width: 100%;
	font-size: 22px;
	background:#1F9B3A;
	color: #FFFFFF;
	/* overflow: hidden; */
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 33;
	box-shadow: 0px 1px 10px rgba(0,0,0,.1);
	min-width: 1024px;
}
header p.onlien{
	background:#217C35 ;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px;
}
header p.onlien a{
	color: #FFFFFF;
	max-width: 900px;
	text-align: right;
	display: block;
	margin: auto;
}
header p.onlien a img{
	width: 20px;
	display: inline-block;
	position: relative;
	right: 5px;
	top: -2px;
}
header .center{position: relative;max-width: 930px;margin: auto;height: 75px;}
header .logo{
	/* width: 31%; */
	/* float: left; */
	position: absolute;
	top: 18%;
	left: 2%;
}
header .logo img{
	width: 72%;
	display: inline-block;
	/* margin-left: 5%; */
}
header .logo span{
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
header .logo span i{
	width: 1px;
	height: 21px;
	display: inline-block;
	background: #FFFFFF;
	margin-right: .2rem;
	position: relative;
	top: .04rem;
	margin-left: .2rem;
}
video{
	 pointer-events: none;
	 -webkit-user-select: none;
}
nav{
	text-align: right;
    width: 100%;
	position: relative;
	width: 440px;
	float: right;
}
nav ul li{
	width: 110px;
	display: inline-block;
	float: left;
}
nav ul li a.text{
	color: #FFFFFF;
	text-align: center;
	font-size: 16px;
	display: block;
	font-weight: bold;
	padding: 20px 0%;
	height: 35px;
	line-height: 35px;
	transition: all .5s; 
	cursor:pointer
}
nav ul li a.text:hover,nav ul li a.text.active{
	background: #217c35;
	color: #FFFFFF;
}

.wrapper .image{
	max-width: 1600px;
	margin: auto;
}
.wrapper h4,.product h4,.animatImg3 h4,.wrapper-bottom .center h4{
	color: #1C5F3A;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
	margin: 75px auto 19px;
	height: 36px;
	letter-spacing: 1px;
}
.wrapper .center{
	max-width: 930px;
	margin: auto;
	overflow: hidden;
}
.wrapper-img{
	max-width: 930px;
	margin: 50px auto;
}

.wrapper .center dl{
	width: 31.7%;
	float: left;
	margin:0% .8%;
	box-sizing: border-box;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px #a4a4a4;
	min-height: 370px;
	text-align: center;
	margin-bottom: 50px;
	cursor: pointer;
	transition: all .5s;
}
.wrapper .center dl:hover{
	 -webkit-transform: translateY(-20px);
	 -moz-transform: translateY(-20px);
	 -ms-transform: translateY(-20px);
	 -o-transform: translateY(-20px);
}
.wrapper .image img{
	width: 33.33%;
	float: left;
}
.wrapper p span.line,.product p span.line,.animatImg3 p span.line{
	width: 30px;
	height: 2px;
	background:#1C5F3A;
	margin: auto;
	display: block;
	margin-bottom: 49px;
}

.wrapper .center dl dd h5{font-size: 18px;font-weight: bold;padding: 20px 0px;color: #3D3D3D;}
.wrapper .center dl dd p{font-size: 15px;text-align: left;padding: 0px 34px;color:#0B0B0B;line-height: 24px;}
.wrapper-img .leftImg{
	width: 45.3%;
	float: left;
	position: relative;
}
.wrapper-img .rightDiv{
	width: 54.3%;
	float: left;
	position: relative;
}
.wrapper-img .floatDiv{
	position: absolute;
	background: rgba(69, 162, 89, 0.7)
}
.wrapper-img .floatDiv p{
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 30px;
	position: absolute;
	left: 15px;
	bottom: 30px;
}
.wrapper-img .floatDiv p span{
	font-size: 28px;
}
.wrapper-img .leftImg .floatDiv{
	width: 60%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.wrapper-img .top img,.wrapper-img .bottom img,.wrapper-img .leftImg img{
	-webkit-transform: all .5s;
	-moz-transform: all .5s;
	-ms-transform: all .5s;
	-o-transform: all .5s;
}
.wrapper-img .top:hover img,.wrapper-img .bottom:hover img,.wrapper-img .leftImg:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.wrapper-img .top,.wrapper-img .bottom,.wrapper-img .leftImg{position: relative;overflow: hidden;}
.wrapper-img .top .floatDiv{
	width: 50%;
	height: 100%;
	top: 0px;
	right: 0px;
}
.wrapper-img .bottom .floatDiv{
	width: 50%;
	height: 100%;
	top: 0px;
	left: 0px;
}
.bottomImg{
	position: relative;
}
.bottomImg .fonts{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100px;
	top: 30%;
	left: 0px;
}
.bottomImg .fonts h5{
	
font-size: 55px;
	
font-weight: bold;
	
letter-spacing: 6px;
	
height: 77px;
	
color: #3D3D3D;
}
.bottomImg .fonts p{
	
font-size: 18px;
	
font-weight: bold;
	
letter-spacing: 2px;
	
line-height: 31px;
	
color: #0B0B0B;
}
.banner{
	position: relative;
	margin-top: 118px;
}
.hbImg{
	position: absolute;
	top: 12%;
	width: 70%;
	left: 50%;
	margin-left: -35%;
}
.product dl dt{
	height: 160px;
	overflow: hidden;
}
.product dl dt img{
	transition: all 1s
}
.product dl dt:hover img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.product dl dd{
	
}
.product dl dd h5{
	
font-weight: bold;
	
font-size: 18px;
	
text-align: left;
	
padding: 20px 20px 11px;
	
color: #202020;
}
.product dl dd p{
	
font-size: 14px;
	
text-align: left;
	
padding: 0px 20px;
	
line-height: 19px;
	
color: #202020;
}
.niuImg{
	position: absolute;
	top: 28%;
	left: 50%;
	width: 40%;
	margin-left: -20%;
}
.floatDiv div{
	position: fixed;
	right: 0px;
	z-index: 3;
}
.floatDiv .shop{
	width: 60px;
	bottom: 29%;
	cursor: pointer;
	transition: width .5s;
}
.floatDiv .shop:hover{
	width: 201px;	
}
.floatDiv .line:hover{
	width: 201px;
}
.floatDiv .shop img,.floatDiv .line img{
	width: 201px;
}
.floatDiv .line{
	width: 60px;
	bottom: 13%;
	cursor: pointer;
	transition: width .5s;
}
#video{
	margin-top:118px;
	overflow: hidden;
	position: relative;
}
/* .navList{
	position: fixed;
	width: 1000px;
	height: 82.2%;
	left: 50%;
	top: 118px;
	margin-left: -500px;
	z-index: 333;
	display: none;
	-webkit-transition: display .5s;  
	-moz-transition: display .5s;  
	transition: display .5s ;  

} */
#video .list{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 4;
	left: 0px;
	top: 0px;
}
#video .list .center{
	position: absolute;
	width: 1000px;
	height: 99%;
	z-index: 5;
	top: 0px;
	margin-left: -500px;
	left: 50%;
	
}
#video .list .item{
	width: 25%;
	height: 100%;
	color: #fff;
	background: rgba(69, 162, 89, 0.7);
	padding-top: 25%;
	padding-left: 20px;
	box-sizing: border-box;
	text-align: left;
	opacity: 0;
	transition: opacity 1s;
	float: left;
	cursor: pointer;
	position: absolute;
	z-index: 3333;
	left: 0px;
	top: 0px;
	
}
#video .list .item .bottom{
	position: absolute;
	bottom: 100px;
	
}
#video .list .item:hover{
	opacity: 1;
}
#video .list .item span{
	color: #FFFFFF;
}
#video .list .item:hover h4{
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 2s; /* don't forget to set a duration! */
	}
#video .list .item:hover h5,#video .list .item:hover p {
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 1.5s; /* don't forget to set a duration! */
	}
#video .list .item h4{
	font-size: 22px;	
	color: #ffffff;	
	font-weight: bold;
	letter-spacing: 5px;	
	margin-bottom: 10px;
	
}
#video .list .item h5{
	font-size: 16px;
	color: #ffffff;
	height: 55px;
	margin-bottom: 70%;
}
#video .list .item p span{
	font-size: 14px;
	width: 90px;
	display: inline-block;
	
	animation: fadeInUp; /* referring directly to the animation's @keyframe declaration */
	animation-duration: 3s; /* don't forget to set a duration! */
}
#video .list .item p span.rt{
    float: right;
}
#video .list .item:nth-child(1){
	left: 0%;
}
#video .list .item:nth-child(2){
	left: 25%;
}
#video .list .item:nth-child(3){
	left: 50%;
}
#video .list .item:nth-child(4){
	left: 75%;
} 
footer{
	background: #3D3D3D;
	padding: 60px;
	color: #FFFFFF;
	position: relative;
}
footer div {
	margin-bottom: 40px;
}
footer div a{
	font-size: 16px;
	margin-right: 50px;
	color: #FFFFFF;
	cursor:pointer
}
footer div a:hover{
	color: #FFFFFF;
}
footer p{
	color: #FFFFFF;
	line-height: 36px;
	font-size: 14px;
}
footer .logo{
	position: absolute;
	top: 204px;
	right: 100px;
	width: 120px;
}
.topDiv {
	position: fixed;
	bottom: 40px;
	right: 20px;
	width: 60px;
}
.topDiv a{
	width: 30px;
}
.wrapper_niu{
	position: relative;
}
.wrapper_niu .left{
	width: 50%;
	float: left;
}
.wrapper_niu .right{
	width: 50%;
	position: absolute;
	left: 47%;
	height: 100%;
	padding: 15% 6% 0%;
	box-sizing: border-box;
	top: 0px;
}
.wrapper_niu .right .msg img{
	width: 100%;
	/* position: absolute; */
	/* top: 57%; */
	/* left: 9%; */
	margin-top: 30px;
	margin-left: -3%;
}
.wrapper_niu .right .jing{
	/* width: 37%; */
	padding: 5% 8% 5% 6%;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 2%;
	cursor: pointer;
}
.wrapper_niu .right .jing.active{
	background: #E8E8E8;
}
.wrapper_niu .right .jing p{
	color: #1C5F3A;
	font-size: .4rem;
	display: block;
	line-height: .5rem;
	font-weight: bold;
}
.wrapper_niu .right .jing span{
	display: block;
	color: #3D3D3D;
	font-size: .28rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.wrapper_img .image{
	position: relative;
	overflow: hidden;
	width: 100%;
}
.wrapper_img .image .fonts{
	position: absolute;
	width: 36%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
}
.wrapper_img .image div{
	position: absolute;
	bottom: 0px;
	width: 25%;
	cursor: pointer;
	height: 10%;
	box-sizing: border-box;
	transition: height .5s
	
}
.animatImg1{
	background: #F5F5F5;
}
.animatImg1 .center{
	max-width: 930px;
	margin: auto;
	text-align: right;
	position: relative;
	padding: 50px 0px;
}
.animatImg1 img{
	width: 75%;
	float: right;
}
.animatImg1 h5{
	font-size: 46px;
	color: #1c5f3a;
	font-weight: bold;
	letter-spacing: 1px;
	position: absolute;
	top: 50%;
	left: 28px;
}
.join{
	background: rgba(194, 199, 176, 0.15);
	padding: 80px 0px 50px;
}
.join .center{
	max-width: 860px;
	margin: auto;
}
.join h5{
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #1C5F3A;
	padding-bottom: 23px;
	letter-spacing: 2px;
	transition: ease-in-out 0.5s;
}
.join p.time{
	text-align: center;
	color: #1C5F3A;
	font-size: 16px;
	letter-spacing: 1px;
}
.join p.time span{
	display: inline-block;
	background: #FFFFFF;
	width: 40px;
	height: 24px;
	color: #1C5F3A;
	margin: 0px 7px;
}
.join ul li{
	width: 45%;
	float: left;
	height: 327px;
	background: #FFFFFF;
	margin: 50px 2.5%;
	border-radius: 10px;
	box-shadow: 0px 0px 23px #dedede;
	padding: 50px 30px;
	box-sizing: border-box;
}
.join ul li h4{
	
font-weight: bold;
	
font-size: 24px;
	
letter-spacing: 2px;
	
color: #0B0B0B;
	
height: 36px;
}
.join ul li p.active{
	
font-size: 24px;
	
font-weight: bold;
	
color: #0B0B0B;
	
padding: 20px 0px;
}
.join ul li p span{
	
font-size: 50px;
	
color: #0B0B0B;
	
text-decoration: line-through;
	
/* line-height: 70px; */
	
/* height: 51px; */
	
display: inline-block;
}
.join ul li p.text{
	
color: #1F9B3A;
	
font-weight: bold;
	
letter-spacing: 1px;
	
line-height: 30px;
}
.join ul li p span.cl{
	
font-size: 14px;
	
text-decoration: none;
	
display: inline-block;
	
background: #FF3030;
	
color: #fff;
	
border-radius: 50px;
	
padding: 0px 7px;
	
font-weight: 500;
	
position: relative;
	
top: -33px;
	
left: -27px;
animation-name:container; /*动画的名称*/
transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
 animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
   animation-duration: 1.5s; /*动画时间*/
   animation-fill-mode: both; /*播放后的状态*/
}
@keyframes container{
 2% {
     transform: translate(0, 0) rotate(.5deg);
	 -webkit-transform: translate(0, 0) rotate(.5deg);
	 -moz-transform: translate(0, 0) rotate(.5deg);
	 -ms-transform: translate(0, 0) rotate(.5deg);
	 -o-transform: translate(0, 0) rotate(.5deg);
 }
 6% {
     transform: translate(0, 0) rotate(.5deg);
 }
 10% {
     transform: translate(0, 0) rotate(.5deg);
 }
 16% {
     transform: translate(0, 0) rotate(-5.5deg);
 }
 20% {
     transform: translate(0, 0) rotate(4.5deg);
 }
 26% {
     transform: translate(0, 0) rotate(1.5deg);
 }
30% {
    transform: translate(0, 0) rotate(5.5deg);
}
36% {
    transform: translate(0, 0) rotate(-3.5deg);
}
40% {
    transform: translate(0, 0) rotate(2.5deg);
}
46% {
    transform: translate(0, 0) rotate(-4.5deg);
}
50% {
    transform: translate(0, 0) rotate(-3.5deg);
}
56% {
    transform: translate(0, 0) rotate(.5deg);
}
60% {
    transform: translate(0, 0) rotate(-3.5deg);
}
66% {
    transform: translate(0, 0) rotate(.5deg);
}
70% {
    transform: translate(0, 0) rotate(1.5deg);
}
76% {
    transform: translate(0, 0) rotate(2.5deg);
}
80% {
    transform: translate(0, 0) rotate(-5.5deg);
}
86% {
    transform: translate(0, 0) rotate(5.5deg);
}

90% {
    transform: translate(0, 0) rotate(-2.5deg);
}
96% {
    transform: translate(0, 0) rotate(7.5deg);
}
0%, 100% {
    transform: translate(0, 0) rotate(0);
}
}
.animat{
	padding-bottom: 100px;
	background: #F9F7F3;
}
.animat img{
	width: 33%;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.animat .center{
	max-width: 1200px;
	margin: auto;
	position: relative;
	height: 843px;
}
.animat .center .z1{
	top: 83px;
	left: 65px;
	width: 35%;
}
.animat .center .z2{
	top: 9.2%;
	left: 40.3%;
	width: 32%;
}
.animat .center .z3{
	right: 1.7%;
	left: auto;
	top: 33.9%;
	width: 26%;
}
.animat .center .z4{
	left: 58%;
	top: 55%;
	width: 15%;
}
.animat .center .z5{
	top: 73.5%;
	left: 49%;
	width: 19%;
}
.animat .center .z6{
	width: 19%;
	top: 73.5%;
	left: 30.3%;
}
.animat .center .z7{width: 21%;top: 63%;left: 9.3%;}
.animat .center .z8{
	width: 15%;
	top: 85%;
}
.animat .center .z9{top: 39%;width: 42%;}
.wrapper_img .image .list1{
	left: 0%;
}
.wrapper_img .image .list2{
	left: 25%;
}
.wrapper_img .image .list3{
	left: 50%;
}
.wrapper_img .image .list4{
	left: 75%;
}
.wrapper_img .list1:hover,.wrapper_img .list2:hover,.wrapper_img .list3:hover,.wrapper_img .list4:hover{
	height: 24%;
}
.wrapper_img .list ul li{
	width: 25%;
	text-align: center;
	float: left;
	color:rgba(255, 255, 255, .8);
}
.wrapper_img .list h4{
	color: rgba(255, 255, 255, .8);
	font-size: .22rem;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
.wrapper_img .list ul li span{
	display: block;
	font-size: .22rem;
	font-weight: bold;
	line-height: 35px;
}
.product{
	/* width: 65%; */
	margin: auto;
	position: relative;
	margin-bottom: 80px;
	max-width: 930px;
}
.product .left{
	width: 50%;
	position: relative;
}
.product .right{
	width: 55%;
	left: 45%;
	height: 100%;
	position: absolute;
	z-index: 3;
	top: 0px;
}
.product .right ul {
	height: 100%;
}
.product .right ul li{
	height: 20%;
	line-height: 65px;
	padding-left: 15%;
	border-radius: 2px;
	position: relative;
	cursor: pointer;
}
.product .right ul li p{
	position: absolute;
	height: 30px;
	color: #3D3D3D;
	font-size: .2rem;
	font-weight: bold;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
}
.product .right ul li span{
	margin-right: 40px;
}
.product .right ul li.active{
	background: #26943A;
	color: #FFFFFF
}
.product .right ul li.active p{
	color: #FFFFFF
}
.product .rightBG{
	width: 48%;
	height: 100%;
	background: #F7F7F7;
	left: 50%;
	position: absolute;
	z-index: 1;
	top: 0px;
}
.apply{
	background: #ffffff;
	padding: 100px 0px;
}
.apply img.title{
	width: 290px;
	margin: 0px auto 70px;
}
.apply .form{
	width: 80%;
	margin: auto;
	max-width: 810px;
}
.apply .form span {
	color: #A7A7A7;
	font-size: .16rem;
	width: 95px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 11px;
	word-spacing: 30px;
}
.apply .form span img{
	width: 8px;
	display: inline-block;
	margin-left: 5px;
}
.apply .form ul li.city{
	position: relative;
	/* width: 34%; */
}
.apply .form ul li.city i{
	position: absolute;
	width: 23px;
	right: 24px;
	top: 21px;
	background: #fff;
}
.apply .form ul li.city i img{
	width:18px ;
}
select{
	 border: none; 
	  outline: none; 
	  appearance:none;
	    -moz-appearance:none;
	    -webkit-appearance:none;
}
.apply .form input,.apply .form select{
	width: 67%;
	height: 25px;
	line-height: 20px;
	padding: 10px 10px;
	border: solid 2px #26943A;
	background: #FFFFFF;
	border-radius: 8px;
	font-size: .16rem;
	float: right;
	
}
.apply .form select{
	height: 50px;
	width: 74%;
	line-height: 30px;
	
}
.apply .form select option{
	line-height: 50x;
}
.apply .form .btn img{
	width: 27px;
	display: inline-block;
}
.apply .form ul li{
	width: 48%;
	display: inline-block;
	margin-bottom: 20px;
	position: relative;
	padding: 0px 20px;
	box-sizing: border-box;
}
.apply .form ul li.last{
	width: 100%;
	display: block;
	margin-top: 30px;
	position: relative;
}
.apply .form ul li:nth-child(3) span{
	/* width: 26%; */
}
.apply .form ul li.last input{
	width: 74%;
}
.apply .form .btn{
	background: #1F9B3A;
	color: #fff;
	top: 0px;
	padding: 12px 20px;
	border-radius: 29px;
	cursor: pointer;
	width: 100px;
	margin: 30px auto 0px;
}
.apply .form p.msg{
	color:#1F9B3A;
	padding: 50px 0px 0px;
	text-align: center;
	border-top: solid 1px #1f9b3a;
	margin-top: 15px;
	width: 99%;
}
.apply .form p.msg a{
	color: #A7A7A7;
}
.wrapper_index{
	max-width: 1200px;
	margin:50px auto;
	overflow: hidden;
}
.wrapper_index .left{
	width: 52.4%;
	display: inline-block;
	overflow: hidden;
	float: left;
	position: relative;
	cursor: pointer;
}
.wrapper_index .right{
	width: 47%;
	display: inline-block;
	float: left;
	position: relative;
	overflow: hidden;
}
.wrapper_index .right .list1,.wrapper_index .right .list2{
	width: 48%;
	margin-left: 2%;
	display: block;
	float: left;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	margin-bottom: 2%;
}
.wrapper_index .right .list3{
	width: 100%;
	margin-left: 2%;
	display: block;
	overflow: hidden;
	position: relative;
	
	cursor: pointer;
}
.wrapper_index .fl{
	position: absolute;
	width: 100%;
	color: #FFFFFF;
	bottom: 20px;
	left:20px;
}
.animat1{
	position: relative;
}
.animat1 .floatDiv{
	position: absolute;
	width: 70%;
	left: 50%;
	margin-left: -35%;
	top: 18%;
}
.animat1 .font{
	position: absolute;
	width: 46%;
	right: 0px;
	top: 0px;
}
.wrapper_index .fl h4{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 5px;
	letter-spacing:2px;
}
.wrapper_index .fl p{
	color: #FFFFFF;
	font-size: 16px;
	padding-bottom: 20px;
}
.wrapper_index .fl span{
	font-size: 14px;
}
.wrapper_index .fl span img{
	width: 20px;
	display: inline-block;
	margin-left: 5px;
}
.wrapper_index .list img{
	transition: all 0.8s;   
}
.wrapper_index .list:hover img{
	transform: scale(1.2);  
}
.kucity{background: #FFFFFF;}
.getLayer{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
}
.getLayer .center{
	position:absolute;
	width: 400px;
	height: 200px;
	left: 50%;
	top: 50%;
	background: #FFFFFF;
	margin-left: -200px;
	margin-top: -100px;
	border-radius: 10px;
	padding: 50px;
	box-sizing: border-box;
	color: #0b0b0b;
}
.getLayer .center h5{
	
font-size: 18px;
	
font-weight: bold;
	
color: #0b0b0b;
}
.getLayer .center h5 span{
	
font-size: 37px;
	
color: #1f9b3a;
	
margin-right: 3px;
}
.getLayer .center p{
	
color: #0b0b0b;
	
font-size: 14px;
padding-top: 3px;
}
.getLayer .center p.active{
	font-size: 16px;
	text-align: center;
	}
.getLayer .center p.cl{
	
color: #1f9b3a;
font-size: 16px;	
text-align: center;
	
padding-top: 25px;
}
.getLayer .center .close{
	width: 35px;
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
}
@media only screen and (max-width:1566px) {
.animat .center{
	max-width: 885px;
	margin: auto;
	position: relative;
	height: 735px;
}
.animat .center .z1{
	top: 83px;
	left: 65px;
	width: 35%;
}
.animat .center .z2{
	
top: 79px;
	
left: 373px;
	
width: 32%;
}
.animat .center .z3{
	
right: 0px;
	
left: auto;
	
top: 234px;
	
width: 26%;
}
.animat .center .z4{
	left: 528px;
	top: 367px;
	width: 15%;
}
.animat .center .z5{
	top: 484px;
	left: 448px;
	width: 19%;
}
.animat {
    padding-bottom:0px;
}
.animat .center .z6{
	width: 19%;
	top: 484px;
	left: 283px;
}
.animat .center .z7{width: 21%;top: 421px;left: 98px;}
.animat .center .z8{
	width: 15%;
	top: 533px;
}
.animat .center .z9{top: 265px;width: 43%;}
}
.animatImg2{
	background: #F5F5F5;
	padding: 50px 0px;
}
.animatImg2 .center{
	background: url(../image/xtbg.png) no-repeat;
	background-size: 100%;
	height: 590px;
	max-width: 1045px;
	margin: auto;
	position: relative;
}
.animatImg2 .center .floatDiv{
	width: 50%;
	position: absolute;
	bottom: 25px;
	left: 95px;
}
.animatImg2 .center .right{
	float: right;
	width: 31%;
	text-align: center;
	margin-top: 12%;
	margin-right: 8%;
}
.animatImg2 .center .right ul li{
	width: 50%;
	float: left;
	height: 162px;
}
.animatImg2 .center .right h4{
	font-size: 26px;
	font-weight: bold;
	color: #3D3D3D;
	padding-bottom: 40px;
}
.animatImg2 .center .right ul li h5{
	
font-size: 18px;
	
font-weight: bold;
	
padding: 5px 0px 10px;
	
color: #3D3D3D;
}
.animatImg2 .center .right ul li span{
	
display: block;
	
font-size: 14px;
	
color: #808080;
}
.animatImg2 .center ul li img{
	width: 44px;
	margin: auto;
}
.animatImg3 .center{
    max-width: 1000px;
    margin: auto;
    text-align: center;
	margin: 0px auto 40px;
}
.animatImg3 .center ul li{
    width: 25%;
    float: left;
	height: 470px;
	transition: all .5s;
}
.animatImg3 .center ul li:hover{
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	
}
.animatImg3 .center ul li:nth-child(1){
	background: url(../image/fw1.png) no-repeat center;
	background-size: 135%;
}
.animatImg3 .center ul li:nth-child(2){
	background: url(../image/fw2.png) no-repeat center;
	background-size: 135%;
}
.animatImg3 .center ul li:nth-child(3){
	background: url(../image/fw3.png) no-repeat center;
	background-size: 135%;
}
.animatImg3 .center ul li:nth-child(4){
	background: url(../image/fw4.png) no-repeat center;
	background-size: 135%;
}
.animatImg3 p span.line{
	margin-bottom: 0px;
}
.partner{
	background: rgba(194, 199, 176, .15);
	padding: 150px 0px 50px;
	overflow: hidden;
	position: relative;
}

.partner .center{
	max-width: 650px;
	margin: auto;
	position: relative;
}
.partner .Occlusion{
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	bottom: 0px;
	background: #f6f7f3;
}
.partner .center .Occlusion{
	position: absolute;
	width: 20px;
	height: 150px;
	left: -3px;
	bottom: 0px;
	background: #f6f7f3;
}
.partner .center ul li{
	padding-left: 80px;
	position: relative;
}
.partner .center ul li::before{
	display: block;
	width: 6px;
	height: 6px;
	content: " ";
	background-color: #fb977d;
	border-radius: 50%;
	position: absolute;
	top: 0px;
	left: -20px;
	border: 15px solid #f7e0d6;
	box-sizing: content-box;
	z-index: 10;
}
.partner .line::before{
	content: '';
	width: 3px;
	height: 90%;
	background-color: #d9d9d9;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
	overflow-y: hidden;
	margin-left: -2px;
}
.partner .actice-line{
	width: 3px;
	height: 0px;
	background-color: #FFB5B5;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 0;
	overflow-y: hidden;
	margin-left: -2px;
	transition: all .2s;
}
.partner .center ul li::after{
	width: 60px;
	height: 70px;
	content: '';
	position: absolute;
	left: -20px;
	top: -17px;
	background: rgb(246, 247, 243);
	z-index: 3;
}
.font-text,.wrapper-bottom{
	background: rgba(194, 199, 176, .15);
}
.font-text .center,.wrapper-bottom .center{
	max-width: 900px;
	margin:auto;
	padding: 80px 0px;
}
.font-text .center .left{
	float: left;
	width: 30%;
	margin-top: 50px;
}
.font-text .center .right{
	float: right;
	width: 65%;
}
.font-text .center .right p{
	font-size: 20px;
	color: #3D3D3D;
	letter-spacing: 1px;
	line-height: 40px;
}
.font-text .center .left h4{
	font-size: 28px;
	font-weight: bold;
	color: #0B0B0B;
	line-height: 46px;
	letter-spacing: 4px;
}
.wrapper p.text{
	color: #3D3D3D;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
}
.wrapper .img{
	max-width: 900px;
	margin: 40px auto 80px;
}
.wrapper .img img{
	width: 23%;
	float: left;
	margin-left: 2%;
}
.wrapper-bottom .center h4{
	margin: 0px auto 19px;
}
.wrapper-bottom .center h5{
	    font-size: 18px;
    letter-spacing: 1px;
    color: #0B0B0B;
		margin: 50px 0px 10px;
}
.wrapper-bottom .center h5 i{
		width: 10px;
		height: 10px;
		border-radius: 10px;
		background: #0B0B0B;
		display: inline-block;
		margin-right: 5px;
		position: relative;
		top: -1px;
}
.wrapper-bottom .center p{
	  font-size: 16px;
    letter-spacing: 1px;
    color: #3D3D3D;
		line-height: 40px;
}
footer p.cl{
	color: #999;
	margin-top: 24px;
}
footer p.cl a{
	color: #999;
}
footer .code{
	position: absolute;
	right: 95px;
	top: 53px;
}
footer .code ul li{
	display: inline-block;
	margin: 0px 5px;
	text-align: center;
}
footer .code img{
	width: 90px;
}
@media only screen and (max-height:950px) {
	.floatDiv .shop{
		bottom: 30%;
	}
}
@media only screen and (max-height:900px) {
	.floatDiv .shop{
		bottom: 31%;
	}
}
@media only screen and (max-height:850px) {
	.floatDiv .shop{
		bottom: 32%;
	}
}
@media only screen and (max-height:800px) {
	.floatDiv .shop{
		bottom: 33%;
	}
}
@media only screen and (max-height:750px) {
	.floatDiv .shop{
		bottom: 33%;
	}
	.floatDiv .shop img, .floatDiv .line img{
		width: 185px;
	}
	.floatDiv .shop,.floatDiv .line{
		width: 55px;
	}
	.floatDiv .shop:hover{
		width: 185px;	
	}
	.floatDiv .line:hover{
		width: 185px;
	}
}
@media only screen and (max-height:650px) {
	.floatDiv .shop{
		bottom: 35%;
	}
}
@media only screen and (max-height:680px) {
	.floatDiv .shop{
		bottom: 36%;
	}
}
@media only screen and (max-height:600px) {
	.floatDiv .shop{
		bottom: 37%;
	}
}